﻿<!DOCTYPE html>
<html lang="ko" xml:lang="ko">
  <head>   	
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title>::바이더피플::</title>
	
    <link href="@Url.Content("~/assets/css/bootstrap.css")" rel="stylesheet">
	<link href="@Url.Content("~/assets/css/bootstrap-responsive.css")" rel="stylesheet">
	<link href="@Url.Content("~/images/main_01.css")" rel="stylesheet" type="text/css">	

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://twitter.github.io/bootstrap/assets/js/google-code-prettify/prettify.js"></script>
    <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
    <!--<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>-->
    <script src="@Url.Content("~/Scripts/facebook.js")" type="text/javascript"></script>
      <script src="@Url.Content("~/Scripts/common.js")" type="text/javascript"></script>

    @if(ViewBag.title == "Make") {
        <script src="@Url.Content("~/Scripts/jquery.maskedinput.min.js")" type="text/javascript"></script>
        <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css" />
        <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>
        <script src="//tinymce.cachefly.net/4.0/tinymce.min.js" type="text/javascript"></script>
    }          
    <style>	

@ViewBag.Style

    </style>
@ViewBag.Head   

    <!--[if lt IE 9]>
	    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
  </head>
<body>
@ViewBag.Header
    <div class="navbar navbar-inverse navbar-static-top">	
		<div id="top_wrapper">
				<div id="menubar_left">			
				</div>
				<div id="titlebox">
                    <a href="@Url.Content(BuyThePeople.ConstFactory.UrlHome)">
					<div style="background-image: url(@Url.Content("~/images/green_title.png")); height: 95px; width: 247px;margin-left:10px;" ></div>
                    </a>
				</div>
            
				<div id="content0">
					<div style="margin-top:10px;">                        
						<form class="navbar-search pull-left form-search" onsubmit="return Search();">
							<div class="input-append">
								<input id="search" type="text" class="span2 search-query" placeholder="찾아보기" value="@ViewBag.Search">
								<button class="btn btn-inverse" type="button" onclick="Search();">검색</button>
							</div>
						</form>                            
					</div>
				</div>		
                
				<div id="content1">			
					<div id="menu">			
						<ul class="bmenu">
                            @{
                             if (Session[BuyThePeople.ConstFactory.SessionUser] is BuyThePeople.Models.UserLoginData)                            
                             {
                                 var data = Session[BuyThePeople.ConstFactory.SessionUser] as BuyThePeople.Models.UserLoginData;
							<li>
								<a href="@Url.Content(BuyThePeople.ConstFactory.UrlUserInfo)">@data.Name 님</a>
							</li>
							<li>
                                <a href="@Url.Content(BuyThePeople.ConstFactory.UrlLogout)">로그아웃</a>
							</li>
							<li>
								<a href="@Url.Content(BuyThePeople.ConstFactory.UrlUserJointPurchase)">마이페이지</a>
							</li>                                  
                             }
                             else
                             {
							<li>
								<a href="@Url.Content(BuyThePeople.ConstFactory.UrlLogin)?url=@ViewBag.Url">로그인</a>
							</li>
							<li>
								<a href="@Url.Content(BuyThePeople.ConstFactory.UrlJoin)">회원가입</a>
							</li>
							<li>
								<a href="@Url.Content(BuyThePeople.ConstFactory.UrlUserJointPurchase)">마이페이지</a>
							</li> 
                             }
                            }
						</ul>
					</div>
				</div>
				<div id="content2">
					<div id="makebutton">
						<a class="btn btn-large btn btn-warning" href="/Goods/Make"><i class="icon-plus"></i>공동구매만들기</a>
					</div>
				</div>	
				<div id="menubar_right">			
				</div>			
				<div id="content3">
					<div style="float:right;border: 1px solid #f1f0f0; margin-top:10px;padding:5px; height:30px; margin-right:20px;background-color:#ffffff;border-radius:5px;">
						<span style="line-height:30px;font-size:16pt;" ><font color="#6b6b6b">현재 <strong><font color="#000000" >@BuyThePeople.ConstFactory.TotalCount()</font></strong>개의 공동구매가 진행중입니다.</font></span>
					</div>
				</div>
			</div>
	</div>

    @RenderBody()    

	<!-- 회원가입시작 ----------------------------------------------------------------------------->
	<div id="responsive" class="modal hide fade" tabindex="-1" data-width="800px">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			<h3>회원가입</h3>
		</div>
		<div class="modal-body">
            @using (Html.BeginForm("Join", "User")){
					<div class="control-group">
						<!-- Id -->
						<label class="control-label"  for="id">아이디</label>
						<div class="controls">
							<input type="text" id="id" name="id" placeholder="아이디" class="input-xlarge" required>
							<p class="help-block">아이디는 문자와 숫자로 공백없이 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Username -->
						<label class="control-label"  for="name">아이디</label>
						<div class="controls">
							<input type="text" id="name" name="name" placeholder="이름" class="input-xlarge" required>
							<p class="help-block">이름을 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Password-->
						<label class="control-label" for="pw">비밀번호</label>
						<div class="controls">
							<input type="password" id="pw" name="pw" placeholder="비밀번호" class="input-xlarge" minlength="4" required>
							<p class="help-block">비밀번호는 최소한 4 글자 이상으로 해주세요..</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Password -->
						<label class="control-label"  for="password_confirm">비밀번호(재입력)</label>
						<div class="controls">
							<input type="password" id="password_confirm" name="password_confirm" placeholder="비밀번호(재입력)" class="input-xlarge" required>
							<p class="help-block">비밀번호를 다시 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- E-mail -->
						<label class="control-label" for="email">E-mail</label>
						<div class="controls">
							<input type="text" id="email" name="email" placeholder="이메일" class="input-xlarge" required>
							<p class="help-block">이메일 주소를 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Telephone -->
						<label class="control-label" for="phone">Telephone</label>
						<div class="controls">
							<input type="text" id="phone" name="phone" placeholder="이메일" class="input-xlarge" required>
							<p class="help-block">전화번호를 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Address -->
						<label class="control-label" for="address">Address</label>
						<div class="controls">
							<input type="text" id="address" name="address" placeholder="이메일" class="input-xlarge" required>
							<p class="help-block">주소를 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Address Detail -->
						<label class="control-label" for="adddetail">Address Detail</label>
						<div class="controls">
							<input type="text" id="adddetail" name="adddetail" placeholder="이메일" class="input-xlarge" required>
							<p class="help-block">주소를 입력해주세요.</p>
						</div>
					</div>
					<div class="control-group">
						<!-- Button -->
						<div class="controls">
							<button class="btn btn-success">가입하기</button>
						</div>
					</div>
            }
		</div>
	  
		<div class="modal-footer">
			<!--
			<button type="button" data-dismiss="modal" class="btn">Close</button>
			<button type="button" class="btn btn-primary">Save changes</button>	
			-->
		</div>
        
	  
	</div>
	<script type="text/javascript">

	    function Search() {
	        document.location.href = '/Goods/Search/' + document.getElementById('search').value;
	        return false;
	    }
	  
	    // 모달가입창 닫기 
	    $('#btnCloseModal').click(function() 
	    {    
	        $('#responsive').modal('hide');
	    });
		
	    function closeModal()
	    {
	        $('#responsive').modal('hide');
	    }
		
	    function somefunction(id)
	    {
	        document.getElementById(id).style.border="10px #FF0000 solid";
	    }
		
	</script>
@ViewBag.Footer
    <div id="fb-root"></div>
</body>
</html>
